<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="HandheldFriendly" content="true" />
		<meta name="MobileOptimized" content="320" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" href="./css/jiazai.css">
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/profit.css" />
		<title>收益查询</title>
	</head>

	<body>
		<div id='app'>

			<!-- 加载中动画 -->
			<div id='jiazai-ani' v-if='jiazai'>
				<div class="arc"></div>
				<h1><span>LOADING</span></h1>
			</div>
			<!-- 加载中动画 -->

			<div id="com-tit" class='dis-spa'>
				<div class='cont'>
					<p class='menu dis-start' @tap="_close();">
						<img src="img/back-white.svg" style="width: 22px;height: 22px;" />
					</p>
				</div>
				<div>收益查询</div>
				<div class='cont' style="opacity: 0;">1</div>
			</div>

			<div id="content-wrap">
				<div class="coins-show">
					<p class='dis-start coins-img'>
						<img src="img/bt.jpg" style="width: 40px;height: 40px;border-radius: 50%;" />
						<span>BT</span>
					</p>
					<!--<p class='dis-cen profit-huo'>
						<span v-text='info.mining.totalMiningBT.toFixed(2)'>0.00</span>&nbsp;
						<span style="color: #1994E8;">BT</span>
						<span>/日</span>&nbsp;
						<span>HPT</span>
						<span>收益</span>&nbsp;
					</p>-->
					<p class='dis-cen profit-huo'>AI机器人  BT/日收益(1%-20%)</p>
					<p class='profit-num' v-text='info.mining.totalMining.toFixed(2)'>0.00</p>
				</div>
				<div class="profit-history">
					<div class="his-list">
						<h5>已消耗手续费</h5>
						<div class="dis-spa oth-money">
							<p><span v-text='info.fee.allFee.toFixed(2)'>0.00</span><span>USDT</span></p>
							<p></p>
							<p><span v-text='(info.fee.allFee*info.price).toFixed(2)'>0.00</span><span>CNY</span></p>
						</div>
					</div>
					<div class="his-list">
						<h5>昨日挖矿收益折合</h5>
						<div class="dis-spa oth-money">
							<p><span v-text='info.fee.todayMining.toFixed(2)'>0.00</span><span>USDT</span></p>
							<p></p>
							<p><span v-text='(info.fee.todayMining*info.price).toFixed(2)'>0.00</span><span>CNY</span></p>
						</div>
					</div>
					<div class="his-list">
						<h5>USDT余额</h5>
						<div class="dis-spa oth-money">
							<p><span v-text='info.fee.balance.toFixed(2)'>0.00</span><span>USDT</span></p>
							<p></p>
							<p><span v-text='(info.fee.balance*info.price).toFixed(2)'>0.00</span><span>CNY</span></p>
						</div>
					</div>
					<div class="notice">
						<h4>温馨提示</h4>
						<p>收益数据每日9：00更新，所有币种资产都结算为USDT和CNY，所有数据均为一个API账户下的总数据，不做详细记录。</p>
					</div>
				</div>
			</div>
		</div>
		<script src="js/comm.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.min.js"></script>
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
			var app = new Vue({
				el: '#app',
				data: {
					//加载动画
					jiazai: false,
					//所有数据
					info: {
						"price": 0,
						"mining": {
							"totalMining": 0,
							"totalMiningBT": 0
						},
						"fee": {
							"allFee": 0,
							"todayMining": 0,
							"balance": 0
						}
					}
				},
				created: function() {
					this.getData();
				},
				methods: {
					getData: function() {
						var This = this;
						This.jiazai = true;
						HTTP.post(QUERYMONEY, {}, function(data) {
							This.jiazai = false;
							if(String(data.status) == '1') {
								This.info = data;
							} else {
								mui.toast(data.msg);
								setTimeout(function() {
									_close();
								}, 1200);
							}
						});
					}
				}
			});
		</script>
	</body>

</html>